<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%--
  Created by IntelliJ IDEA.
  User: lxf
  Date: 2017/3/9
  Time: 14:00
  To change this template use File | Settings | File Templates.
--%>
<html>
<head>
    <title>加班统计分析</title>
    <style>
        #analysisContent {
            width: 500px;
            height: 300px;
        }
    </style>
    <script src="/static/echarts/echarts.js"></script>
</head>
<body>
<div>
    <button class="btn btn-default" @click="">年视图</button>
    <button class="btn btn-default" @click="">月视图</button>
    <button class="btn btn-default" @click="">日视图</button>
    <button class="btn btn-default" @click="">按类型统计</button>
    <button class="btn btn-default" @click="">按项目统计</button>
</div>
<div id="analysisContent"></div>
<myScript>
    <script>
        var workTimeChart = echarts.init(document.getElementById('analysisContent'));
        var workTimeOption = {
            title: {
                text: '加班统计分析'
            },
            tooltip: {},
            legend: {
                data: ['加班时间', '加班次数']
            },
            xAxis: {
                name: '月份',
                data: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月 ", "十二月"]
            },
            yAxis: {name: '小时', nameLocation: 'end'},
            series: [{
                name: '加班时间',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20, 11, 32, 32, 13, 21, 14]
            }]
        };
        workTimeChart.setOption(workTimeOption);

    </script>
</myScript>
</body>
</html>
